<template>
<span class="hideBox" @click="isShow = !isShow">
  <span :class="{hide: isShow}">
    <slot></slot>
  </span>
</span>
</template>
  
<script>
export default {
  name: 'Hide',
  data(){
    return{
      isShow: true
    }
  },
}
</script>
  
<style >
.hideBox{
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
.hide{
  visibility: hidden;
}
</style>
  